﻿/******************************************************************************************/
/*Contenedor de todo el diseño de la página y de los bloquees de abajo                    */
/******************************************************************************************/
#contenedor 
{
    height:100%;
	width:100%;
}
/******************************************************************************************/

/******************************************************************************************/
/*Banner contenedor del menú, nombres de las personas logueadas, home entre otros.        */
/******************************************************************************************/
#banner
{
    width:1280px;
    height:52px;
}
/******************************************************************************************/

/******************************************************************************************/
/*Banner contenedor del menú, nombres de las personas logueadas entre otros, menos el home*/
/******************************************************************************************/
#banner1
{
    width:1203px;
    height:52px;
    float:left;
}
/*****************************************************************************************/

/******************************************************************************************/
/*Banner contenedor del botón home                                                        */
/******************************************************************************************/
#banner2
{
    width:77px;
    height:52px;
    background-image:url("../../Images/PublicaTuPropiedadImages/Web/maqueta_r1_c7.jpg");
    background-repeat:no-repeat;
    float:left;
}
/*****************************************************************************************/

/******************************************************************************************/
/*Caja1: contenedora del botón iniciar sesión, menú, bienvenido y nombre usuario          */
/******************************************************************************************/
#caja1
{
    width:1203px;
    height:31px;
    background-color:#355281;
}
/******************************************************************************************/

/******************************************************************************************/
/*Caja2: contenedora del botón cerrar sesión y registrarse                                */
/******************************************************************************************/
#caja2
{
    width:1203px;
    height:21px;
    background-color:#4C75BA;
}
/*****************************************************************************************/

/******************************************************************************************/
/*Inicio: contenedor de botón de inicio de sesión y palabra bienvenido                    */
/******************************************************************************************/
.inicio
{
    width:124px;
    height:31px;
    float:left;
}
/******************************************************************************************/

/******************************************************************************************/
/*Usuario: contenedor del nombre de usuario logueado                                      */
/******************************************************************************************/
.usuario
{
    height:31px;
	width:250px;
	float:left;
}
/******************************************************************************************/

/******************************************************************************************/
/*Menú: contenedor del menú                                                               */
/******************************************************************************************/
.panelMenu
{
    width:829px;
    height:31px;
    float:left;
}
/******************************************************************************************/

/******************************************************************************************/
/*Registrarse: contenedor del botón cerrar sesión y registrarse                           */
/******************************************************************************************/
.registrase
{
    width:170px;
    height:21px;
    float:left;
}
/******************************************************************************************/

/******************************************************************************************/
/*subMenu: contenedor ubicado bajo el panel del menú                                      */
/******************************************************************************************/
.subMenu
{
    width:1033px;
    height:21px;
    float:left;
}
/******************************************************************************************/

/******************************************************************************************/
/*Home contenedor del botón home                                                          */
/******************************************************************************************/
.home
{
    width:47px;
    height:36px;
    margin-top:7px;
    margin-left:15px;
}
/*****************************************************************************************/

/******************************************************************************************/
/*contenido: contenedor que tiene ranking de empresas y contenidos varios                 */
/******************************************************************************************/
#contenido
{
    width:1280px;
    height:879px;
}
/******************************************************************************************/

/******************************************************************************************/
/*empresa: contenedor que tiene ranking de empresas                                       */
/******************************************************************************************/
.empresa
{
    width:426px;
    height:879px;
    background-image:url("../../Images/PublicaTuPropiedadImages/Web/maqueta_r3_c1.jpg");
    background-repeat:no-repeat;
    float:left;
}
/******************************************************************************************/

/******************************************************************************************/
/*desarrollo: contenedor que tiene ranking de empresas                                    */
/******************************************************************************************/
.desarrollo
{
    width:854px;
    height:879px;
    background-image:url("../../Images/PublicaTuPropiedadImages/Web/maqueta_r3_c5.jpg");
    background-repeat:no-repeat;
    float:left;
    z-index:1;
}
/******************************************************************************************/

/******************************************************************************************/
/*trasparencia: contenedor que tiene contenido que se quiere mostrar                      */
/******************************************************************************************/
#transparencia
{
    height:760px;
    width:830px;
    background-image:url("../../Images/PublicaTuPropiedadImages/Web/transparencia.png");
    z-index:2;
}
/******************************************************************************************/

/******************************************************************************************/
/*footer: contenedor que tiene información                                                */
/******************************************************************************************/
#footer
{
    width:1280px;
    height:29px;
    background-color:#CF561D;
}
/******************************************************************************************/

/******************************************************************************************/
/*LetrasInicio: Diseño de las letras de iniciar sesión y bienvenido                       */
/******************************************************************************************/
.letrasInicio
{
    text-decoration:none;
    color:white;
    font-weight:bold;
    font-size:15px;
    font-family:Century Gothic;
    font-style:italic;
    line-height:30px;
}
/******************************************************************************************/

/******************************************************************************************/
/*LetrasRegistro: Diseño de las letras de registrarse y cerrar sesión                     */
/******************************************************************************************/
.letrasRegistro
{
    text-decoration:none;
    color:white;
    font-weight:bold;
    font-size:14px;
    font-family:Century Gothic;
    font-style:italic;
}
/******************************************************************************************/

/******************************************************************************************/
/*h2: Diseño de los titulos de las vistas                                                 */
/******************************************************************************************/
h2
{
    color:#D3C2C2;
    font-size:25px;
    font-family:Century Gothic;
    font-style:italic;
    font-weight:bold;
    text-align:right;
    padding-right: 15px;
    height: 15px;
}
/******************************************************************************************/

/******************************************************************************************/
/*Diseño del Menú                                                                         */
/******************************************************************************************/
.Menu 
{
    height:24px;
	width:809px;
	float:left;
    border-radius:20px;
    line-height:25px;
    padding-left:14px;
}

.Menu ul
{
    float:left;
    height:0px;
    list-style:none;
    margin:0;
    padding:0;
    border-radius: 0px 0px 20px 20px;
}

.Menu li
{
    float:left;
    padding:0px;
}

.Menu li a
{
    color:#cccccc; /* Color de la fuente */
    display:block;
    font-weight:normal;
    margin:0px;
    padding:0px 25px; /* Espacio entre cada pestaña */
    text-align:center;
    text-decoration:none;
}

.Menu li a:hover, .menu ul li:hover a 
{
    background:#4D75BA; /* Color de las pestañas al pasar el cursor */
    color:#FFFFFF; /* Color del texto al pasar el cursor */
    text-decoration:none;
}

.Menu li ul 
{
    background:#355281; /* Color de fondo del submenú */
    display:none;
    height:auto;
    padding:0px;
    margin:0px;
    position:absolute;
    width:200px; /* Ancho del submenú */
    z-index:100;
    border-top:1px solid #fff; /* Borde superior del submenú */
}

.Menu li:hover ul
{
    display:block;
}

.menu li li 
{
    display:block;
    float:none;
    margin:0px;
    padding:0px;
    width:200px;
}

.menu li:hover li a 
{
    background:none;
    border-radius: 0px 0px 20px 20px; /* Borde de las subpestañas */
}

.menu li ul a
{
    display:block;
    height:35px;
    font-size:12px;
    font-style:normal;
    margin:0px;
    padding:0px 10px 0px 15px;
    text-align:left;
}

.menu li ul a:hover, .menu li ul li:hover a
{
    background:#4D75BA; /* Color de las subpestañas al pasar el cursor */
    color:#ffffff;
    text-decoration:none;
}
/******************************************************************************************/

/******************************************************************************************/
/*Diseño de mensajes de error                                                             */
/******************************************************************************************/
.validation-summary-errors {
    color:Red;
    font-weight:bold;
}
.field-validation-error {
    color: red;
    font-weight: normal;
}
.input-validation-error {
    border: 1px solid #E80C4D;
}
.select-validation-error {
    border: 1px solid #E80C4D;
}
/******************************************************************************************/

/******************************************************************************************
* LeftMenu: Menu ubicado en el lado izquierdo de la página bajo "Publica Tu Propiedad"
******************************************************************************************/
.leftMenu
{
    margin: 45% 0% 0% 5%;
    text-align: left;
    
    font-size: 20px;
    color: #02749E;
    font-family:Century Gothic;
    font-style:italic;
}
.leftMenu a
{
    text-shadow: 0 1px 0 #ccc,
               0 2px 0 #c9c9c9,
               0 3px 0 #bbb,
               0 4px 0 #b9b9b9,
               0 5px 0 #aaa,
               0 6px 1px rgba(0,0,0,.1),
               0 0 5px rgba(0,0,0,.1),
               0 1px 3px rgba(0,0,0,.3),
               0 3px 5px rgba(0,0,0,.2),
               0 5px 10px rgba(0,0,0,.25),
               0 10px 10px rgba(0,0,0,.2),
               0 20px 20px rgba(0,0,0,.15);
   cursor: pointer;
   text-decoration: none;
}
.leftMenu a img
{
    padding-right: 3%;
}
.leftMenu a:visited
{
    font-size: 20px;
    color: #02749E;
    font-family:Century Gothic;
    font-style:italic;
}
.leftMenu a:hover
{
    color: #fff;
	text-shadow: 0px -1px 4px white, 0px -2px 10px yellow, 0px -10px 20px #ff8000, 0px -18px 40px red;
	font: 20px 'Century Gothic';
}